/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff") format("woff"); }

a {
  color: #993333; }
  a:hover {
    color: #333; }

body {
  background: #f4f4f4;
  text-align: center;
  font: 16px/1.4 "Open sans", hevetica, arial, sans-serif; }
  body > header {
    margin: 0 auto;
    max-width: 700px;
    text-align: center; }
    body > header h1 {
      text-indent: -9999px;
      width: 80px;
      height: 64px;
      background: url("../images/edx-logo.png") 0 0 no-repeat;
      margin: 20px auto; }
  body > section {
    margin: 0 auto;
    max-width: 700px;
    -webkit-box-shadow: 0 0 4px #cccccc, inset 0 0 0 4px #f2f2f2;
    -moz-box-shadow: 0 0 4px #cccccc, inset 0 0 0 4px #f2f2f2;
    box-shadow: 0 0 4px #cccccc, inset 0 0 0 4px #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
    border: 1px solid #bbbbbb;
    background: #fff; }
    body > section header {
      padding: 20px;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      text-align: center; }
      body > section header h1 {
        font-size: 24px;
        font-weight: 800; }
      body > section header.valid {
        background: #69b657;
        border-bottom: 1px solid #529842;
        -webkit-box-shadow: inset 0 0 0 4px #60b14d;
        -moz-box-shadow: inset 0 0 0 4px #60b14d;
        box-shadow: inset 0 0 0 4px #60b14d;
        text-shadow: 0 -1px 0 #529842; }
        body > section header.valid span {
          text-transform: uppercase;
          letter-spacing: 1px;
          display: block; }
      body > section header.invalid {
        background: #e96745;
        border-bottom: 1px solid #e0441b;
        -webkit-box-shadow: inset 0 0 0 4px #e75c37;
        -moz-box-shadow: inset 0 0 0 4px #e75c37;
        box-shadow: inset 0 0 0 4px #e75c37;
        text-shadow: 0 -1px 0 #e0441b; }
        body > section header.invalid h1 {
          text-transform: uppercase;
          letter-spacing: 1px;
          display: block;
          font-weight: 800; }
    body > section section {
      padding: 20px; }
      body > section section dl dt {
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 10px;
        color: #666; }
      body > section section dl dd {
        margin-left: 0; }
        body > section section dl dd.description {
          font-size: 14px;
          color: #999; }
    body > section p {
      margin: 0; }
  body footer {
    margin: 20px auto 0;
    max-width: 700px;
    text-align: left;
    font: 16px Consolas, Lucida Console, Monaco, monospace;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    zoom: 1; }
    body footer:before, body footer:after {
      content: "";
      display: table; }
    body footer:after {
      clear: both; }
    body footer p {
      white-space: pre-wrap;
      padding: 20px; }
    body footer a.what {
      text-decoration: underline;
      color: #444;
      display: block;
      float: right; }
      body footer a.what:hover {
        color: #666; }
    body footer a.download {
      display: block;
      background: #666;
      border: 1px solid #333;
      float: left;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 6px 8px;
      color: #fff; }
      body footer a.download:hover, body footer a.download:focus {
        background: #888;
        border: 1px solid #555; }
  body.verify > section {
    padding: 30px; }
    body.verify > section p {
      margin-bottom: 20px; }
    body.verify > section li {
      margin-bottom: 10px; }
      body.verify > section li img {
        display: block;
        margin-top: 10px;
        border: 1px solid #333;
        max-width: 100%; }
      body.verify > section li p {
        margin-bottom: 0; }
    body.verify > section header {
      text-align: left;
      padding: 0;
      margin-bottom: 20px;
      margin-top: 40px; }
    body.verify > section h1 {
      color: black; }
    body.verify > section section {
      padding: 0; }
      body.verify > section section.introduction {
        border-bottom: 2px solid #ddd; }
      body.verify > section section.instruction ul {
        list-style: none; }
        body.verify > section section.instruction ul li {
          padding: 20px 0;
          margin-bottom: 0;
          border-top: 1px solid #eee; }
